@charset "utf-8";
/* CSS Document */
html {overflow-y:scroll;}
*{margin:0;padding:0;list-style:none;border:0;}
body{font-size:16px;  margin:0; padding:0;font-family: "微软雅黑"; overflow:hidden; }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,html,body,nav{padding:0;margin:0; color:#333}
h1,h2,h3,h4,h5,h6 {font-size:14px; font-weight:normal;}
img{border:0; vertical-align:middle}
ol,ul{list-style:none;}
i{ font-style:normal}
h1{font-size:18px;}
a{color:#333;text-decoration:none;font-size:15px;blr:expression(this.onFocus=this.blur());font-family: "微软雅黑"; }
a:hover{color:#f00;text-decoration:none;}

.clean500{clear:both;height:250px;overflow:hidden;}
.clean80{clear:both;height:80px;overflow:hidden;}

.clean50{clear:both;height:50px;overflow:hidden;}
.clean30{clear:both;height:30px;overflow:hidden;}
.clean20{clear:both;height:20px;overflow:hidden;}
.clean10{clear:both;height:10px;overflow:hidden;}
.left{ float:left;overflow:hidden;}
.right{float:right;overflow:hidden;}
.mar{   overflow:hidden;}
.w1400{ width:1400px;margin:0 auto;clear:both; }

.i{font-style:normal}


/*返回顶部样式*/
.totop{position:fixed;right:25px;bottom:25px;display:block;width:26px;height:62px;background:url(../images/rocket.png) no-repeat 0 0;-webkit-transition: all 0.2s ease-in-out;}
.totop:hover{background:url(../images/rocket.png) no-repeat 0 -62px;}


/*导航条1*/
.hedr{ width:100%;overflow:hidden; margin:0 auto; z-index:999;position: relative;}
.top{ width:100%; height:45px;line-height:45px; border-bottom:1px solid #f8f8f8; float:left; position:relative; background:#fff;z-index:999; }
.top span{ float:left;color:#999}
.top a{ display:inline-block; float:left; padding-right:15px;color:#cccccc }
.top p{ float:right}
.top p a img{ height:25px; margin-top:8px; margin-right:8px; float:left}
.top a:hover{ color:#6d9eeb}

.bjsn{float:left; width:100%; background: url(../images/dl.jpg) no-repeat}

/*导航条*/
.dht{ float:left;width:100%; padding:20px 0;position: relative;}
.dht span{ float:left;position: relative;left:0;transition-duration: .5s;}
.dht img{ height:60px; }
.dht span:before{content: "";
    position: absolute;
    left: -665px;
    top: -460px;
    width: 300px;
    height: 15px;
    background-color: rgba(255,255,255,.5);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: searchLights 1s ease-in 1s infinite;
    -o-animation: searchLights 1s ease-in 1s infinite;
    animation: searchLights 1s ease-in 1s infinite;}
	@-webkit-keyframes searchLights {
	0% {
		left: -100px;
		top: 0;
	}

	to {
		left: 120px;
		top: 100px;
	}
}

@-o-keyframes searchLights {
	0% {
		left: -100px;
		top: 0;
	}

	to {
		left: 120px;
		top: 100px;
	}
}

@-moz-keyframes searchLights {
	0% {
		left: -100px;
		top: 0;
	}

	to {
		left: 120px;
		top: 100px;
	}
}

@keyframes searchLights {
	0% {
		left: -100px;
		top: 0;
	}

	to {
		left: 120px;
		top: 100px;
	}
}

.menu{ width:62%; float:right;}
.menu .menu_item{ display:inline-block;float:left;font-size: 16px;width:11.1%;height:60px; text-align:center; font-family:"微软雅黑";  }
.menu .menu_item a{font-size: 16px; display: block;width: auto; line-height:55px;}
.menu .menu_item:hover,.cur{ background:url(../images/bk.jpg) bottom no-repeat}
.menu .menu_item:hover a,.cur a{ color:#1e50ae; font-weight:600}



.menu .menu_item:hover .submenu{display:block; z-index:99999; position:absolute;}
.submenu{ overflow: hidden; display:none;z-index:999999999; background:#2b74dd; }
.submenu_item {padding:0 2px; min-width:122px; text-align:center; }
.submenu_item a{ color:#fff!important; font-weight:100 !important; line-height:3em !important;}
.submenu_item:hover{ background:#3ba60a}
.submenu_item a:hover{ color:#fff !important;}

.nav{ width:100%; float:left; padding-top:160px; text-align:center}
.nav h1{ font-size:56px; line-height:100%; margin-bottom:40px; color:#fff; font-weight:bold; letter-spacing:2px;}
.nav h1 i{color:#db0f31}
.nav p{ font-size:20px; color:#fff; line-height:140%; margin-bottom:35px;}
.nav dl{ font-size:28px; color:#fff; font-weight:bold}
.nav a{ background-color:#db0f31; color:#fff; padding:10px 27px; display:inline-block;border-radius:25px;-moz-border-radius:25px;-webkit-border-radius: 25px;-o-border-radius:25px; margin-top:80px;}


/*banner*/


#banner{ height:750px; min-width: 1200px; position:relative; overflow:hidden; z-index:11 }

.bannerdw{width:100%;height:400px;clear:both;position: relative;left:0}
.suanbanner{  width:100%;   position:relative; overflow:hidden; }
.bt1{width:100%; float:left; text-align:center; position:absolute; top:110px;}
.bt1 h1{ font-size:36px; letter-spacing:3px; color:#012054;text-shadow: #fff 2px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0; line-height:180%}
.bt1 b{ display:block; font-size:26px;text-transform:uppercase; color:#f3f3f3}
.bt1 p{ font-size:20px;color:#f3f3f3; line-height:220%; } 

.suanbanner img{ width:100%;object-fit:cover;height:400px;}



.bt{ width:100%; float:left; text-align:center; padding:30px 0; }
.bt b{ width:100%; float:left;font-weight:normal;font-size:30px;text-transform: uppercase; line-height:45px;}
.bt b i{ color:#0869bf}
.bt h1{ width:100%; font-weight:600; float:left;display:block; font-size:30px; height:45px; line-height:45px; display:inline-block; margin-bottom:10px; }
.bt span{ color:#3ba60a}
.bt p{ color:#505050;text-transform: uppercase; font-size:14px;  }

.cp_bj{ width:100%; float:left; background:url(../images/bj.png) left bottom no-repeat}

.pro_cla{ width:100%; float:left;height: 140px;line-height:46px;color: #0869bf;text-align: center;}
.pro_cla ul{ width:101%; float:left}
.pro_cla li{width:13%;float: left; line-height:55px; height:55px; overflow:hidden;border: solid 2px #0869bf;border-radius: 8px; margin-right:1%; margin-bottom:1%}

.pro_cla li p{display: block;}

.pro_cla li:hover{background: #0869bf;border-color: #fff;}
.pro_cla li:hover p{ color:#fff}

.pro ul{ width:101%; float:left; overflow:hidden}
.pro ul li{ width:23.8%; float:left; border:1px solid #dfdfdf; margin-right:1%; margin-bottom:1%;}
.pro ul li span{ width:100%; height:300px;float:left; background:#fff; text-align:center;overflow: hidden;*display: block; /*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;}
.pro ul li span img{max-width:100%; max-height:300px;display: inline-block;vertical-align: middle; width:auto; height:auto}
.pro ul li .pro_1{ width:94%; float:left; background:#f1f1f1; border-top:1px solid #dfdfdf; padding:3%; text-align:center; }
.pro ul li .pro_1 h1{ font-size:18px; font-weight:600; height:45px; line-height:45px; overflow:hidden;width:100%;float:left; }
.pro ul li .pro_1 dl{width:100%;float:left; }
.pro ul li .pro_1 p{ width:50%; float:left;line-height:40px; color:#fff; background:#202528; margin-bottom:10px;}
.pro ul li:hover{border:1px solid #0869bf;-webkit-transition:all 0.4s linear;transition:all 0.4s linear;}

.pro ul li:hover span img{-webkit-transition:-webkit-transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;transition:transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;-webkit-transform:scale(1.3);transform:scale(1.3);}

.gg,.gg img{width:100%; float:left;}

/*品牌实力*/
.sub_cats{ width:100%; float:left; text-align:center; padding-top:20px; }
.sub_cats a{ padding:6px 23px; margin:15px; display:inline-block; border:1px solid #f2f2f2;box-shadow: 0px 0px 10px rgba(0,0,0,.2);border-radius: 5%;  font-size:18px;}
.sub_cats a.cut,.sub_cats a:hover{ background:#2b74dd; color:#fff;border:1px solid #2b74dd;}


.prot ul{width:110%; float:left}
.prot ul li{ width:251px; background:#fff; text-align:center; float:left; margin-right:20px; margin-bottom:30px; padding:15px; border:2px solid #e7e7e7; box-shadow:1px 1px 3px #e7e7e7 ;}
.prot ul li h1{ width:100%; height:32px; margin-top:10px;line-height:32px; font-size:16px;overflow: hidden;}

.prot ul li img{ max-width:100%; max-height:200px;object-fit:cover; }

.prot ul li:hover h1{ color:#2b74dd}




.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {

  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-15px);
  transform: translateY(-15px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(15px);
  transform: translateY(15px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

.bjse{ width:100%; background: url(../images/bjs4.jpg) no-repeat;float:left; }
.qmyd_l ul{ width:110%; float:left; margin:20px 0;}
.qmyd_l ul li{ width:216px; float:left; margin-right:26px; overflow:hidden;}
.qmyd_l ul li .img{ width:216px; height:405px;display:table-cell; text-align: center; vertical-align: middle;overflow: hidden;*display: block; *font-size:353px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;}
.qmyd_l ul li .img img{max-width:216px;max-height:405px;display: inline-block;vertical-align: middle; width:auto; height:auto}
.qmyd_l ul li:hover{ transition: all .7s;}
.qmyd_l ul li:hover .img img{-webkit-transition:-webkit-transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;transition:transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;-webkit-transform:scale(1.3);transform:scale(1.3);}

.qmyd_l ul li .wen{ width:216px; height:74px; display:inline-block; background:url(../images/tubi.png) center  right no-repeat; margin-top:33px; position:relative }
.qmyd_l ul li .wen b{font-size: 60px; line-height:100%; color:#e6e7e8; font-family: fontface__阿里巴巴普惠体-Light__32__32137214061;}
.qmyd_l ul li .wen h1{ position:absolute; bottom:20px; font-size:24px;left:80px; color:#3ba60a;text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;}


/**/
.case_box {
	background: url(../images/case.jpg) no-repeat center top; padding-bottom:60px;
position:relative; float:left; width:100%
}

.case_box h3 {
	color: #081232;
	font-weight: normal;
	font-size: 42px;
	padding-top: 80px;
	padding-bottom: 60px;
	text-align: center;
}

.case_box .category ul {
	padding-left:10%;
	padding-bottom: 40px;
	display: block;
	height: auto;
	overflow: hidden; 
}

.case_box .category ul li {
	float: left;
	font-size: 20px; margin-right:10px;text-transform:capitalize;
	text-align: center; background:#fff;
	width: 300px;
	height: 58px;
	line-height: 58px;
	color: #0869bf;
	border-radius: 5px;
	cursor: pointer;
}

.case_box .category ul li.active {
	color: #fff;
	background: #3ba60a;
}

.case_box .content { width:100%; float:left; position:relative; top:10px}

.case_box .content .cont {
	height: 650px; width:100%;
	display: none; float:left
}

.case_box .content .cont.active {
	display: block;
}

.case_box .content .cont img.bg {
	position: absolute;
	right: 0;
	top: 0;
}

.case_box .content .cont .info {
	position: absolute;
	width: 52%;

	background: #fff;
	box-shadow: 0px 0px 70px rgba(157, 179, 208, 0.4);
	left: 0;
	top: 120px;
	padding: 40px;
	border-radius: 10px;
}

.case_box .content .cont .info .title .logo {
	float: left;
	padding-right: 25px;
}

.case_box .content .cont .info .title:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	clear: both;
}

.case_box .content .cont .info .title h4 {
	float: left;text-transform:uppercase;
	padding-top: 30px;
	font-size: 24px;
	color: #081232;
}

.case_box .content .cont .info p {
	font-size: 16px;
	line-height: 32px;
	padding-top: 20px;
	color: #828b9f;
}

/*品牌四大实力*/

.about_l{ width:17%;  border-top:none; background:#f9f9f9; float:left}
.about_l span{ width:100%; height:120px; color:#fff; text-align:center;background: url(../images/lmk1.jpg) repeat; display:inline-block; font-size:22px; font-weight:600}
.about_l span h1{ font-size:20px;  color:#fff; width:100%; float:left; padding:30px 0 5px 0;text-transform: uppercase;overflow: hidden;/*超出部分隐藏*/ white-space: nowrap;}

.accordion {width: 100%; float:left;}

.accordion .link {
    cursor: pointer;
    display: block;
    padding: 18px 10px 18px 5px; background:#2b74dd;
    
   
    border-bottom: 1px dotted #fff;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.accordion .link a{ font-size: 16px; color: #fff;}

.accordion li{cursor: pointer;}
.link  i { background:url(../images/ttp.png) center no-repeat; ; height:21px; width:56px; float:left;
   
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.accordion .link:hover,.cent .link{ background:#ef8300;}
.accordion .link:hover a,.cent .link a{ color:#fff }





.about_lt { width:100%; text-align:center; float:left; padding-bottom:10px;}
.about_lt a{ padding:13px 60px; display:inline-block; background:#2b74dd; color:#fff; margin-right:8px; margin-left:8px; text-align:center;  margin-bottom:20px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius: 3px;-o-border-radius: 3px; }
.about_lt a:hover,.cugt{ background:#ef8300 !important; color:#fff  }


.w950{width:80%; float:right; overflow:hidden}
.bkt{ border:1px solid #eeeeee; width:99.5%;float:left}

.about_nr p{ width:100%; float:left; line-height:32px; margin-bottom:10px;text-transform:capitalize }
.about_nr strong{ font-size:18px; }

.about_nr  img{ max-width:100%; }

/*关于我们*/
.gywm{width:100%; float:left; background: url(../images/ab_bj.jpg) no-repeat; background-size:cover; padding-bottom:70px}
.gywm_l{ width:100%;float:left;}
.gywm_l span{ width:50%; float:left;}
.gywm_l p{ line-height:32px; color:#fff }
.gywm_l b{ display:block;  margin-top:10px; font-size:18px;color:#fff }
.gywm_l  img{ max-width:90%; margin:20px 0; }
.gywm_l a{ display:inline-block; padding:7px 20px; background:#0869bf; color:#fff;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius: 3px;-o-border-radius: 3px; }
.gywm_l .gywm_img{ width:47%; float: right}

.gywm_r{width:100%; float:left; padding-top:30px;}

.gywm_r ul{ width:102%; float:left;}
.gywm_r ul li{ width:14.66%; float:left; margin-right:2%; overflow:hidden}
.gywm_r ul li img{width:100%; height:295px; object-fit:cover;-webkit-transition: 1s; -moz-transition: 1s;transition: 1s; }

.gywm_r ul li:hover .animation2 {
    -webkit-animation: bounce 1s .2s ease both;
    -moz-animation: bounce 1s .2s ease both;
   }
    
   @-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
     -webkit-transform: translateY(0)
    }
    40% {
     -webkit-transform: translateY(-30px)
    }
    60% {
     -webkit-transform: translateY(-15px)
    }
   }
    
   @-moz-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
     -moz-transform: translateY(0)
    }
    40% {
     -moz-transform: translateY(-30px)
    }
    60% {
     -moz-transform: translateY(-15px)
    }
   }



.qi_ry {width:100%; height:240px;overflow: hidden;position: relative; float: right; }
.qi_ry ul{position: absolute;}
.qi_ry ul li{float: left;width:250px;cursor: pointer; margin-right:20px; text-align:center; margin-bottom:10px;}
.qi_ry ul li a{width:250px;float:left; display:block}
.qi_ry ul li .img{ display:table-cell; text-align: center; vertical-align: middle; width:248px; height:198px; overflow: hidden; border:1px solid #e8e8e8; *display: block; *font-size: 124px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;}
.qi_ry ul li img {width:248px;height:198px;object-fit:cover;}
.qi_ry ul li a .box {width:100%;height:40px;text-align:center; float:left; text-align:center;line-height:40px; overflow:hidden;white-space: nowrap; background:#0871c4; color:#fff;}
.qi_ry ul li a:hover{ transition: all .7s;}
.qi_ry ul li a:hover .img img{-webkit-transition:-webkit-transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;transition:transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;-webkit-transform:scale(1.3);transform:scale(1.3);}
.qi_ry ul li a:hover .box{background-color:#3ba60a;}


.lcgy{ width:100%; float:left; text-align:center;}
.lcgy img{ max-width:100%}

/*新闻*/

/*新闻*/
.new_bt{ width:218px;  float:left; }

.new_bt h1{ background:url(../images/news_line.png) no-repeat}

.new_list{ width:99%; margin:0 auto}
.new_list ul{ width:102%; float:left; }
.new_list ul li{ float:left; margin-right:2%; margin-bottom:2%; background:#f7f7f7}
.new_list ul .new_l{ width:48%; }
.new_list ul .new_l span{ width:40%; float:left}
.new_list ul .new_l span img{ width:100%; height:213px;object-fit:cover;}
.new_list ul .new_l dl{ width:50%; float:right; margin:3%}
.new_list ul  h1{ width:100%; float:left; height:45px; line-height:45px; overflow:hidden}
.new_list ul i{ font-size:14px; color:#999;  width:100%; float:left; padding:10px 0}
.new_list ul p{width:100%; float:left; line-height:24px; font-size:15px; color:#888; height:72px; overflow:hidden}

.new_list ul .new_r{ width:31.33%; }
.new_list ul .new_r dl{width:90%; float:right; margin:5%}
.new_list ul .new_r p{ height:48px} 
.new_list ul li:hover{-webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.3);box-shadow: 0 2px 10px rgba(0,0,0,0.3)}




/*解决方案*/

.bjt3{width: 100%;min-width: 1200px;min-height:300px;background-image: url(../images/slide2.jpg);background-attachment:fixed;background-repeat: no-repeat;}
.container{ width:100%; float:left; padding-top:90px;}
.counter{ width:25%;
	text-align: center;
	position: relative; float:left
}
.counter .counter-content{
	width:100%;
	height: 80px;
	z-index: 1;
	position: relative;
	transition: all 0.3s ease 0s;color:#fff; font-size:18px; font-weight:700
}

.counter .counter-value{
	font-size: 50px;color:#fff;
	font-weight: 700;
}
.counter .title{
	display: inline-block;

	font-size: 14px; color:#fff;
 
	text-transform: capitalize;
	margin: 0;
}



.lxwm{ width:100%; float:left; padding-top:85px; padding-bottom:80px;}
.lxwm ul li{ width:400px; float:left}
.lxwm ul li b{ width:100%; float:left; font-size:18px; color:#db0f31; padding-bottom:25px;}
.lxwm ul li p{ color:#fff; margin-bottom:15px;}
.lxwm ul li img{ width:16px; float:left; padding-right:10px;}
/*在线客服*/
.bg_l{ width:35%; float:left; height:460px; background:url(../images/bg.jpg) no-repeat; padding:150px 30px 0; text-align:center}
.bg_l h1{ text-transform: uppercase; font-size: 33px; color:#3ba60a}
.bg_l h2{ font-size:25px;  line-height:300%}
.bg_l p{  line-height:28px;}

.biaoge{ width:58%; float:right}

/*foo*/
/*foo*/
.f_bg{ background:url(../images/f_bg.jpg) no-repeat center 0; height:264px;overflow: hidden; width:100%; float:left}

.f_logo{width: 235px;height: 230px;overflow: hidden;background: #0871c4;padding: 34px 0 0; float:left}
.f_logo h5{width: 185px;margin: 0 auto;line-height: 0;}
.f_logo h5 img{ width:100%; margin-bottom:20px;}
.f_logo p{width: 102px;text-align: center;line-height: 0;padding: 20px 0 0;margin: 0 auto;}
.f_logo p img{ width:100px; height:100px;border: #fff 1px solid;line-height: 0;display: block;}
.f_logo span{display: block;font-size: 14px;color: #fff;line-height: 30px;}
.f02{width:46%;padding: 46px 0 0 65px;height: 240px;overflow: hidden; float:left}
.f_nav{height: 115px;overflow: hidden;width: 100%; background:url(../images/f_line.png)  repeat-x;padding: 20px 0 0;}
.f_nav ul li{height: 52px;line-height: 52px; background:url(../images/f_ico01.png) no-repeat 0 14px;overflow: hidden;padding: 0 0 0 10px;width: 110px;float: left;}
.f_nav ul li a{font-size: 16px;color: rgba(255,255,255,0.8);}
.f_nav ul li a:hover{font-weight: bold;color: #fff;}
.f02 p{font-size: 14px;color: rgba(255,255,255,0.9);height: 60px;line-height: 25px;overflow: hidden; background:url(../images/f_line.png) repeat-x;width: 100%;padding: 25px 0 0;}
.f02 p a{color: rgba(255,255,255,0.9);}
.f02 p i{padding: 0 10px;}
.f02 p span{display: block;}
.f_ban{width: 25%;padding:3% 0 0;height: 250px;overflow: hidden;}
.f_ban p{padding:0 0 0 35px;font-size: 14px;color: #fff;line-height: 24px;height: 75px;}
.f_ban p b{display: block;}
.f_ban p i{font-size: 18px;padding: 0 20px 0 0;font-weight: bold;}
.f_ban p em{font-size: 16px;}
.f_p01{ background:url(../images/f_ico02.png) no-repeat 0 22px;}
.f_p02{ background:url(../images/f_ico03.png) no-repeat 0 16px;}
.f_p03{ background:url(../images/f_ico04.png) no-repeat 0 16px;}




/*翻页*/
#pages,.cpage{ width: 100%; height: 50px; text-align: center; line-height: 22px; padding-top: 1px; clear:both;}
#pages a,.cpage a{ background: #f5f5f5; border: #ddd solid 1px; padding: 3px 8px; margin: 0 2px; float: none; color: #333; font-size: 14px;}
#pages span{ background: #2b74dd; color: #fff; border: #DDD solid 1px; padding: 3px 8px; margin: 0 2px; float: none;}
#pages a:hover{border: #2b74dd solid 1px;}

.articlebook{ width:100%; float:left; overflow:hidden; padding-top:10px; padding-bottom:10px}
.articlebook a.zuo{ float:left}
.articlebook a.you{ float:right}
.articlebook a:hover{ color:#2b74dd}


/*栏目页*/
.dh_dy{ width:100%; float:left; height:48px; line-height:48px; background:#f2f2f2;}
.dh_dy img{ height:20px; margin-right:8px;}
.dh_dy p{font-weight: normal;padding-left: 8px; float:left}
.dh_dy span,.dh_dy a{ font-size:15px; color:#666}


/*新闻栏目*/
.news-title ul,.news-zb ul{ width:95%; margin:15px; display:inline-block}
.news-title ul li,.news-zb ul li{ width:100%; float:left;overflow:hidden;margin-bottom:30px;border:1px solid #f2f2f2;box-shadow: 0px 0px 10px rgba(0,0,0,.2);}
.news-title ul li .news_jl{width: 100%;display: flex;padding: 30px;box-sizing: border-box;}
.news-title ul li a img{ width:30%; height:213px;object-fit:cover; }


.news-title ul li  h1{ width:100%; float:left; font-size:18px; padding-bottom:20px;overflow: hidden;/*超出部分隐藏*/ white-space: nowrap;/*不换行*/ text-overflow:ellipsis;/*超出部分省略号显示*/}
.news-title ul li  p{ line-height:24px;}
.news-title ul li  span{ display:block; margin-top:48px;}
.news-title ul li i{font-size:13px; line-height:140%; color:#999; border-right:1px solid #999; float:left; padding-right:8px; margin-right:8px;}
.news-title ul li dl{font-size:13px; line-height:140%; float:left; color:#2b74dd}
.news-title ul li:hover{border:1px solid #2b74dd;box-shadow: 0px 0px 10px rgba(43,116,221,.2);}
.news-title ul li:hover h1,.news-title ul li:hover dl{ color:#2b74dd}
.news-title ul li:hover span{ padding-left:20px; }


/*栏目页*/
.lanmu{ width:192px; height:180px; position:relative; background:#db0f31; padding-left:28px; margin-top:380px; }
.lanmu b{ width:100%; float:left; color:#fff; font-size:24px; padding-top:43px; padding-bottom:12px; font-weight:normal}
.lanmu dl{ width:40px; height:1px; border-bottom:1px solid #fff; float:left;}
.lanmu h1{width:100%; float:left; color:#fff; font-size:20px; padding-top:12px; }

.suan_sy{ width:100%; height:50px; line-height:50px;float:left; background:#f6f6f6}
.suan_sy span{ width:950px; float:right}
.suan_sy img{ width:20px; float:left; padding:16px 16px 0 0}
.suan_sy a{ font-size:15px;} 

.about_l{ width:17%;  border-top:none; background:#f9f9f9; float:left}
.about_l span{ width:100%; height:120px; color:#fff; text-align:center;background: url(../images/lmk1.jpg) repeat; display:inline-block; font-size:22px; font-weight:600}
.about_l span h1{ font-size:20px;  color:#fff; width:100%; float:left; padding:30px 0 5px 0;text-transform: uppercase;overflow: hidden;/*超出部分隐藏*/ white-space: nowrap;}

.accordion {width: 100%; float:left;}

.accordion .link {
    cursor: pointer;
    display: block;
    padding: 18px 10px 18px 5px; background:#2b74dd;
    
   
    border-bottom: 1px dotted #fff;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.accordion .link a{ font-size: 16px; color: #fff;}

.accordion li{cursor: pointer;}
.link  i { background:url(../images/ttp.png) center no-repeat; ; height:21px; width:56px; float:left;
   
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.accordion .link:hover,.cent .link{ background:#3ba60a;}
.accordion .link:hover a,.cent .link a{ color:#fff }





.about_lt { width:100%; text-align:center; float:left; padding-bottom:10px;}
.about_lt a{ padding:13px 60px; display:inline-block; background:#2b74dd; color:#fff; margin-right:8px; margin-left:8px; text-align:center;  margin-bottom:20px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius: 3px;-o-border-radius: 3px; }
.about_lt a:hover,.cugt{ background:#3ba60a !important; color:#fff  }


.w950{width:80%; float:right; overflow:hidden}
.bkt{ border:1px solid #eeeeee; width:99.5%;float:left}

.about_nr p{ width:100%; float:left; line-height:32px; margin-bottom:10px;text-transform:capitalize }
.about_nr strong{ font-size:18px; }

.about_nr  img{ max-width:100%; }

/*产品*/
.cp_gd ul{ width:102%; float:left;}
.cp_gd ul li{float: left; width:30.88%;cursor: pointer;border:1px solid #1b74dd;  margin-right:2%; margin-bottom:2%; overflow:hidden}
.cp_gd ul li a{ width:100%;float:left; display: inline-block; overflow:hidden}
.cp_gd ul li span{ display:table-cell; text-align: center; vertical-align: middle; background:#fff; width:354px; height:330px;  overflow: hidden;  *display: block; *font-size:96px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;}
.cp_gd ul li img {max-width:98%; max-height:98%;display: inline-block;vertical-align: middle; width:auto; height:auto}

.cp_gd ul li a h1{ width:100%; float:left;line-height:42px;font-size:17px; text-align:center; overflow:hidden; background:#3ba60a; color:#FFF;}
.cp_gd ul li a:hover{ transition: all .7s;}
.cp_gd ul li a:hover span img,.cp_img li:hover a span img{-webkit-transition:-webkit-transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;transition:transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;-webkit-transform:scale(1.2);transform:scale(1.2);}
.cp_gd ul li a:hover h1{background-color:#2b74dd; color:#FFF;opacity: 1;}

/*关于我们*/
.bjsen{width:100%; float:left; background:#f9f9f9;}

.table_form tr{ width:100%; float:left; margin:10px 0}
.table_form tr th{ width:15%; line-height:30px; font-weight:normal; text-align:left; color:#999 !important; float:left}
.table_form tr td{ width:80%; float:left}
.table_form .input-text{ width:100% !important; line-height:44px; border:1px solid #ccc; background:none}
.table_form textarea{ width:100% !important; line-height:44px; height:92px; background:none; border:1px solid #ccc;}
.button{ width:230px !important; height:40px !important; background:#2b74dd !important; color:#fff; }


/*图片中心*/
.cp_img{float: left; overflow:hidden; }
.cp_img ul{ width:102%; float:left}
.cp_img li { width:22.8%;cursor: pointer; background:#fff; margin-right:2%; margin-bottom:2%; border:1px solid #eee; text-align:center; float:left}
.cp_img li a span{ width:100%;height:300px; display: inline-block; cursor: pointer; vertical-align: middle; display:table-cell;overflow: hidden;  *display: block; *font-size:192px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;}
.cp_img li a span img{max-width:94%;max-height:94%;display: inline-block;vertical-align: middle; width:auto; height:auto}
.cp_img li a h1{ width:95%; line-height:32px;height:32px;font-size:16px; padding-left:2.5%; margin-bottom:10px; overflow:hidden}
.cp_img li:hover a h1{ color:#0869bf; font-weight:600}
.cp_img li:hover{border:1px solid #0869bf;}

.tu li a span img{ max-width:94%;max-height:94%;display: inline-block;vertical-align: middle; width:auto; height:auto}

/*新闻*/
.news_t{ width:100%; display:block; float:left; }
.news_l{ width:40%; float:left;}
.news_l a{ display:inline-block}
.news_l dl{ padding:3% 2%}
.news_l img{ width:100%; height:310px;object-fit:cover;}
.news_l h1{ font-size:18px; line-height:36px; color:#333; height:36px; overflow:hidden;}
.news_l p{line-height:26px; font-size:14px; width:100%; display:block; overflow:hidden; height:52px; color:#767676;}

.news_l:hover{ background:#f8f8f8}
.news_l:hover h1{ color:#005bac}

.new_r{ width:55%;  float: right; }
.new_r li{ width:100%; float:left; border-bottom:1px solid #e8e8e8; padding-bottom:30px; margin-bottom:35px; overflow:hidden}
.new_r li span{ width:100px;float:left; padding-bottom:20px;}
.new_r li span b{ width:100%; float:left;line-height:46px;color:#005bac;font-size:28px; font-weight:normal;}
.new_r li span i{color:#767676; font-size:14px; }
.new_r li h1{  font-size:18px; line-height:40px;overflow: hidden;/*超出部分隐藏*/ white-space: nowrap;/*不换行*/ text-overflow:ellipsis;/*超出部分省略号显示*/}
.new_r li p{ color:#888;}
.new_r li:hover{border-bottom:1px solid #005bac;}
.new_r li:hover h1{ color:#005bac}
.new_r li:hover span b{ color:#4a4a4a}




/*联系我们*/
.lxwm_list{ width:100%; float:left;overflow:hidden; background: url(../images/case.jpg) no-repeat; }
.lxwmt{ width:50%; height:407px;object-fit:cover;float:left}
.lxwm_list span{ width:45%; float:right; padding:2.5%;}
.lxwm_list p img{ height:25px;margin-right:10px; }
.lxwm_list p{ line-height:32px; color:#fff; margin-bottom:15px;}
.lxwm_list h1{ font-size:25px; line-height:180%; color:#fff; margin-bottom:10px;}


/*项目服务*/
.cpzs{ width:890px; padding:30px; float:left}
.cpzs ul li{ width:100%; float:left; padding-bottom:30px; border-bottom:1px dotted #ccc; margin-bottom:30px;}
.cpzs ul li span{ float:left}
.cpzs ul li .wor{ width:288px; height:188px;object-fit:cover; float:left}
.cpzs ul li .cpzts{ width:562px; float:right}
.cpzs ul li .cpzts dl{ width:100%; text-align:right;  line-height:24px;}
.cpzs ul li .cpzts dl a{color:#db0f31;}
.cpzs ul li .cpzts h1{ width:100%; color:#5a5a5a; float:left; font-size:18px; font-weight:bold; line-height:33px; padding-bottom:15px;}
.cpzs ul li .cpzts p{ line-height:24px; color:#999}


.wznr{ width:94.6%; padding:30px; float:left;}
.wznr b{width:100%; float:left; text-align:center; font-size:20px; line-height:36px; padding-bottom:20px;text-transform:capitalize}
.wznr p,.cp_n dl p{width:100%; float:left; overflow:hidden;  line-height:32px; padding-bottom:5px; text-transform:capitalize}
.wznr strong,.cp_n strong{font-size:20px;  color:#3ba60a; }
.wznr img{ max-width:700px; margin-top:8px;}
.wznr span{ width:100%; float:left; text-align:center;  padding-bottom:20px;}
.wznr span a{ color:#3ba60a; font-size:16px; font-weight:600;text-transform:capitalize}
.wznr table{ margin:0 auto; }

.wznr table td{border:1px solid #ccc !important;}
.wznr table td p{line-height:30px !important;}
.cp_dy{ width:99.8%; float:left; border:1px solid #eee; background:#f9f9f9;}
.cp_dy dd{ float:left; padding:10px; line-height:22px; font-size:13px;}


.cp_nr{ width:94%; padding:3%; float:left}
.cp_n{ width:100%; float:left; margin-bottom:20px;}
.cp_n dl h1{width:100%; float:left; font-size:22px; font-weight:600; line-height:36px; border-bottom:1px dashed #dedede; padding-bottom:10px; margin-bottom:20px;text-transform:capitalize}
.cp_n dl{ width:47%; float:right}
.cp_n dl strong{ display:block; line-height:200%}

.xq{ width:97%; float:left; font-size:18px; line-height:50px; background:#2b74dd; color:#fff; margin:20px 0; padding-left:3%; font-weight:600}
.cp_n dd{ width:100%; float:left; }
.cp_n dd img{ max-width:100%; margin-top:10px;}



/*主图*/
/* tsShopContainer */
#tsShopContainer{width:50%; border:1px solid #0869bf;font-size:12px;padding-bottom:5px; float:left}
#tsShopContainer li,#tsShopContainer img{vertical-align:top;}
#tsShopContainer #tsImgS{text-align:center;width:100%; position:relative;}
#tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto;}
#tsShopContainer #tsImgS img{border:0px;}
.Mag_t{ max-width:100%; height:500px;object-fit:cover;}
#tsShopContainer #tsPicContainer{width:100%;height:70px;position:relative;background:url(scrollPicbg.gif) repeat-x 0px 0px;}
#tsShopContainer #tsPicContainer #tsImgSArrL{width:17px;height:100%;background: url(../images/picshopArr.gif) no-repeat left center;position:absolute;top:0px;left:8px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSArrR{width:17px;height:100%;background:url(../images/picshopArr.gif) no-repeat right center;position:absolute;top:0px;right:8px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;top:10px;left:35px;width:1px;height:70px;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width:57px;float:left;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{padding:3px;margin:1px;border:1px solid  #e4e4e4;display:block;width:42px;height:42px;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{border:2px solid #F60;margin:0px; width:42px; height:42px;object-fit:cover;
}

.MagicZoomBigImageCont{border:2px solid #f60;background:#FFF;padding:1px; overflow:hidden;}
.MagicZoomMain{text-align:center!important;width:92px}
.MagicZoomMain div{padding:0!important}
.MagicZoomHeader{font:10px Tahoma,Verdana,Arial,sans-serif;color:#fff;background:#91b817;text-align:center!important}
.MagicZoomPup{border:0 solid #aaa;background:#fff}
.MagicZoomLoading{text-align:center;background:#fff;color:#444;border:1px solid #ccc;opacity:.8;padding:3px 3px 3px 3px!important;display:none;}
.MagicZoomLoading img{padding-top:3px!important}





/*搜索列表*/
.new_list1 ul{ width:100%; float:left; overflow:hidden}
.new_list1 ul li{ width:100%; float:left; border-bottom:1px dashed #e2e2e2; padding-bottom:8px; padding-top:8px;}
.new_list1 ul li h2 a{ width:78%; line-height:30px; overflow:hidden; font-size:16px; font-weight:500; float:left}
.new_list1 ul li i{color:#4eb02c; font-size:13px; float:left; padding-right:8px; padding-top:8px;  }
.new_list1 ul li span{ color:#b1b1b1; float:right}
.new_list1 ul li p{width:100%; font-size:14px; line-height:25px; color:#666; padding-top:5px; float:left; overflow:hidden;}
.new_list1 ul li h2 a:hover{ color:#891c22; }

@media (max-width:1600px){
    .w1400 {width:1200px;}
.pro_cla li	{ margin-right:1.9%}
.gywm_r ul li img{ height:253px;}	
.case_box .category ul li{ width:230px}
}
@media (max-width:1440px){
    .w1400 {width:1200px;}
}